<div class="bjui-pageContent">
    <div class="bjui-doc">
        <h3 class="page-header">第三方插件：Bootstrat-select —— 美化下拉选择框</h3>
        <blockquote>
            <p>本节主要介绍表下拉选择框插件 - Bootstrat-select，插件地址：<a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank">http://silviomoreto.github.io/bootstrap-select/</a>。</p>
        </blockquote>
        <h4>初始化</h4>
        <ul>
            <li>Data属性：select添加属性<code>data-toggle="selectpicker"</code>后即可触发。<br>
                <br><span class="label label-default">DOM示例：</span>　<select name="doc-select" data-toggle="selectpicker"><option value="A">选项A</option><option value="B">选项B</option><option value="C">选项C</option></select><br>
                <p>示例代码：</p>
                <pre class="brush: html">
                    &lt;select name="doc-select" data-toggle="selectpicker">
                        &lt;option value="A">选项A&lt;/option>
                        &lt;option value="B">选项B&lt;/option>
                        &lt;option value="C">选项C&lt;/option>
                    &lt;/select>
                </pre>
            </li>
            <li>jQuery API：<a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank">http://silviomoreto.github.io/bootstrap-select/</a></li>
        </ul>
        <h4>事件</h4>
        <p>无</p>
    </div>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
    </ul>
</div>